<template name="lgb-head">
    <view class="lgb-head">
        <image class="logo" :src="logoUrl" mode="aspectFit"></image>
        <text class="text">{{text}}</text>
    </view>
</template>

<script>
    export default {
        name: "lgb-head",
        props: {
            logoUrl: {
                type: String,
                default: ""
            },
            text: {
                type: String,
                default: ""
            },
        }
    }
</script>

<style lang="scss">
    .lgb-head {
        height: 90upx;
        background-color: #FFD800;
        padding: 0 24upx;
        overflow: hidden;
        position: fixed;
        top: 0;
        /*  #ifdef  H5  */
        // top: 90upx;
        /*  #endif  */
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 20;        
        .logo {
            float:left;
            height:90upx;
            width:262upx;
            box-sizing:border-box;
            padding:10upx;
        }
        .text {
            float:left;
            color:#333;
            font-size:28upx;
            margin-top:25upx;            
        }
    }
</style>